<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script type="text/javascript" src="js/lib/jquery.min.js" ></script>
		<link rel="stylesheet" href="fonts/iconfont.css">
		<link href="css/bootstrap.css" rel="stylesheet">
		<link rel="stylesheet" href="css/bootstrap.css" />
		<link rel="stylesheet/less" type="text/css" href="css/xStyle.less" />
        <script type="text/javascript" src="js/lib/less.js" ></script>

		
	</head>
	<body >
	<div style="height: 200px; text-align: center;"></div>	
	<div style="height: 200px; text-align: center;">
    <button onclick="warn(event)"> 告警</button>
    <button onclick="error(event)"> 错误</button>
    <button onclick="success(event)"> 成功</button>
    <button onclick="info(event)"> 一般</button>
    </div>
    <div style="height: 200px; text-align: center;">
    	
    	    <button onclick="top(event)"> 上</button>
            <button onclick="down(event)"> 下</button>
            <button onclick="left(event)"> 左</button>
            <button onclick="right(event)"> 右</button>
            
            <button onclick="topleft(event)"> 上左</button>
            <button onclick="topright(event)"> 上右</button>
            <button onclick="downleft(event)"> 下左</button>
            <button onclick="downright(event)"> 下右</button>
    </div>	
	</body>
    <script type="module">

	import  confirm from './js/src/xConfirm.js';
	  
  
     
     window.warn=function(e){
     
     	confirm.pop({type:'warn',content:"确认是否要删除数据",target:e.target});
     }
	
	     window.error=function(e){
     	confirm.pop({type:'error',content:"确认是否要删除数据",target:e.target});
     }
     
          window.success=function(e){
     	confirm.pop({type:'success',content:"确认是否要删除数据",target:e.target});
     }
     
          window.info=function(e){
     		confirm.pop({type:'info',content:"确认是否要删除数据",target:e.target,placement:"bottom"});
     }
     
      window.left=function(e){
     		confirm.pop({type:'info',content:"确认是否要删除数据",target:e.target,placement:'left'});
     }
     
           window.right=function(e){
     		confirm.pop({type:'info',content:"确认是否要删除数据",target:e.target,placement:'right'});
     		
     		 
     }
     
       window.down=function(e){
     		confirm.pop({type:'info',content:"确认是否要删除数据",target:e.target,placement:'down'});}
     		
     	window.downleft=function(e){
     		confirm.pop({type:'info',content:"确认是否要删除数据",target:e.target,placement:'downleft'});}
     		
     	window.downright=function(e){
     		confirm.pop({type:'info',content:"确认是否要删除数据",target:e.target,placement:'downright'});}	
     
          	window.topleft=function(e){
     		confirm.pop({type:'info',content:"确认是否要删除数据",target:e.target,placement:'topleft'});}
     		
     	window.topright=function(e){
     		confirm.pop({type:'info',content:"确认是否要删除数据",target:e.target,placement:'topright'});}	
     
	</script>
</html>
